import React from 'react'
import { LeftOutline} from 'antd-mobile-icons'
import { Button,Divider } from 'antd-mobile'
import {NavLink,Outlet} from 'react-router-dom'
export default function Indexa() {
  return (
    <div>
        <div><NavLink to='/show/index'><LeftOutline fontSize={30} /></NavLink>  <span style={{fontSize:'20px',marginLeft:'100px'}}>选择城市</span> </div>

        <div style={{width:'90%',marginLeft:'5%'}}>
            定位城市
        </div>
        <div style={{width:'90%',marginLeft:'5%',border:'1px solid black',borderRadius:'10px',}}>
        <Button color='primary' fill='solid'>
        北京
          </Button>
            
        </div>
        <Divider />
        <div style={{width:'90%',marginLeft:'5%',borderRadius:'10px',border:'1px solid black',height:'140px'}}>
            <div><h3>热门城市</h3></div>
            <div style={{float:'left',marginLeft:'10px',marginTop:'5px'}}>
            <Button color='primary' fill='outline'>
            石家庄
            </Button>
            </div>
            <div style={{float:'left',marginLeft:'10px',marginTop:'5px'}}>
            <Button color='primary' fill='outline'>
            保定
            </Button>
            </div>
            <div style={{float:'left',marginLeft:'10px',marginTop:'5px'}}>
            <Button color='primary' fill='outline'>
            上海
            </Button>
            </div>
            <div style={{float:'left',marginLeft:'10px',marginTop:'5px'}}>
            <Button color='primary' fill='outline'>
            深圳
            </Button>
            </div>


        </div>
        <div style={{width:'90%',marginLeft:'5%',borderRadius:'10px',border:'1px solid black',height:'140px',marginTop:'10px'}}>
            <div><h3>南方城市</h3></div>
            <div style={{float:'left',marginLeft:'10px',marginTop:'5px'}}>
            <Button color='primary' fill='outline'>
            成都
            </Button>
            </div>
            <div style={{float:'left',marginLeft:'10px',marginTop:'5px'}}>
            <Button color='primary' fill='outline'>
            潮汕
            </Button>
            </div>
            


        </div>
    </div>
  )
}

